<script setup>
import {onMounted} from 'vue'
import * as Cesium from 'cesium'
import "@/Widgets/widgets.css"

Cesium.Ion.defaultAccessToken='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJlYjZmYWMxMC1jZGJkLTRlZGQtOWM0Yy02MDFiOTlkMTA0OWYiLCJpZCI6MzE5NzUzLCJpYXQiOjE3NTIwMjA2OTl9.0Jy-81PA99jcYi3_F53Q_doj8MJF4i4eoTLXqPLhej8'
window.CESIUM_BASE_URL="/"

onMounted(()=>{
  const viewer = new Cesium.Viewer('cesiumContainer',{

        infoBox: false,
        animation: false, // 是否显示动画控件
        homeButton: false, // 是否显示home键
        geocoder: false, // 是否显示地名查找控件
        baseLayerPicker: false, // 是否显示图层选择控件
        timeline: false, // 是否显示时间线控件
        fullscreenButton: false, // 是否全屏显示
        infoBox: false, // 是否显示点击要素之后显示的信息
        sceneModePicker: false, // 是否显示投影方式控件  三维/二维
        navigationInstructionsInitiallyVisible: false,
        navigationHelpButton: false, // 是否显示帮助信息控件
        orderIndependentTranslucency: false,
        shouldAnimate: true,
        scene3DOnly: false, // 每个几何实例将只能以3D渲染以节省GPU内存
        selectionIndicator: false, // 取消点击有绿框
        // imageryProvider: false, // 不提供地图
  })

  viewer.cesiumWidget.creditContainer.style.display = 'none';
})

</script>

<template>
<div id="cesiumContainer" ref="cesiumContainer"></div>
<RouterView />
</template>

<style setup>
#cesiumContainer{
  height: 100vh;
  width:100vw;
}
</style>
